<template>
  <Table 
  :columns="columns" 
  :opration="false"
  url="/menu"
  :search="true"
  :add="true"
  :pagination="false">
    <template #name="{row}" >
      <div>{{row["name"]}}</div>
    </template>
    <template #nameHeader>菜单名称</template>
    <!-- <template #exit="{row}">
      
    </template> -->
  </Table> 
</template>

<script lang="ts" setup>
import { reactive,ref } from "vue";
import Table from "@/components/Table/index.vue";
const columns = ref([
  {name:"菜单名称",props:"name",width:180,search:true,formLabel:90,require:true,add:true},
  {name:"路径",props:"path",search:false,require:true,add:true},
  {name:"组件",props:"component",search:false,require:true,add:true},
  {name:"图标",props:"icon",search:false,require:true,add:true},
  {name:'操作',props:'exit',width:200}
])
</script>
